Append a Rich Card in Twixor WhatsApp Journey

Rich cards are a new structured markup to display content in an even more engaging and visual format, with a focus on providing a better mobile user experience. Based on the input from the end-user, the final result to be displayed on the rich card is the dynamic inputs from the user.

Let us take a look at how the rich card can be embedded in the WhatsApp Journey.

A Rich card is implemented using an API Call activity.

After calling this API in the journey, there are predefined properties which needs to be added.

METHOD: POST – Header Side

URL: https://aim.twixor.com/converter/api/convert?type=image&options=%7B%22height%22%3A755%2C%22width%22%3A453%7D

Key: Content-Type

Value: text/plain

Body Side:

The designed Rich card will be converted to a HTML file and this that content will be copied to the raw data under the body.

A new variable to be created in the Journey. (Ex: rich cards).

Finally, under the variable mapping, the variable which was created to be called and the value ${temp.res.filePath} to be called out.

Last step is to add a message node and print the variable under the image tab which was created.

The outcome of the rich card creation is:

Dimensions:

The rich card during the implementation, needs to be given the width and length so that the outcome exactly displays the full designed rich card. The minimum dimension needed for a rich card would be 800*800 width and length. However, these dimensions are not fixed and would vary based on the rich cards. It would be appropriate to reach out to the rich card designer for the exact dimensions.

 

Next Topic

AI Node